<?php  if ( ! defined('BASEPATH')) exit('No direct script access allowed');?>
<script type="text/javascript">
	var chart1,chart2,chart3;
	
	$(document).ready(function() {
	   <?php if($active_unactive!=''){ ?>
	   chart1 = new Highcharts.Chart({
		  chart: {
			 renderTo: 'Active_Unactive',
			 plotBackgroundColor: null,
			 plotBorderWidth: null,
			 plotShadow: true
		  },
		  title: {
			 text: 'Tỷ lệ người dùng kích hoạt và chưa kích hoạt'
		  },
		  tooltip: {
			 formatter: function() {
				return '<b>'+ this.point.name +'</b>:  '+ addCommasNumber(this.point.vote)+' người, Chiếm:'+ this.y +' %';
			 }
		  },
		  plotOptions: {
			 pie: {
				allowPointSelect: true,
				cursor: 'pointer',
				dataLabels: {
				   enabled: true,
				   color: Highcharts.theme.textColor || '#000000',
				   connectorColor: Highcharts.theme.textColor || '#000000',
				   formatter: function() {
					  return '<b>'+ this.point.name +'</b>  '+ addCommasNumber(this.point.vote)+' người, - Chiếm '+ this.y +' %';
				   }
				},
				showInLegend: true
			 }
		  },
		   series: [{
			 type: 'pie',
			 name: '',
			 data: [
				<?php echo $active_unactive;?>
			 ]
		  }],
		  exporting: {
			enabled: false
		  }
	   });
	   <?php }else{?>
	   		$('#Active_Unactive').html('Chưa có dữ liệu trả về');
	   <?php }?>
	   <?php if($active_monney!=''){ ?>
	  //chart 2
	    chart2 = new Highcharts.Chart({
		  chart: {
			 renderTo: 'Active_Money',
			 plotBackgroundColor: null,
			 plotBorderWidth: null,
			 plotShadow: true
		  },
		  title: {
			 text: 'Tỷ lệ người dùng nạp tiền/ người dùng kích hoạt'
		  },
		  tooltip: {
			 formatter: function() {
				return '<b>'+ this.point.name +'</b>:  '+ addCommasNumber(this.point.vote)+' người, Chiếm:'+ this.y +' %';
			 }
		  },
		  plotOptions: {
			 pie: {
				allowPointSelect: true,
				cursor: 'pointer',
				dataLabels: {
				   enabled: true,
				   color: Highcharts.theme.textColor || '#000000',
				   connectorColor: Highcharts.theme.textColor || '#000000',
				   formatter: function() {
					  return '<b>'+ this.point.name +'</b>:  '+ addCommasNumber(this.point.vote)+' người, Chiếm:'+ this.y +' %';
				   }
				},
				showInLegend: true
			 }
		  },
		   series: [{
			 type: 'pie',
			 name: '',
			 data: [
			 		<?php echo $active_monney;?>
			 ]
		  }],
		  exporting: {
			enabled: false
		  }
	   });
	   <?php }else{?>
	  		$('#Active_Money').html('Chưa có dữ liệu trả về');
	   <?php }?>
	    <?php if($spent_monney!=''){ ?>
	   //chart 3
	    chart3 = new Highcharts.Chart({
		  chart: {
			 renderTo: 'Spent_Money',
			 plotBackgroundColor: null,
			 plotBorderWidth: null,
			 plotShadow: true
		  },
		  title: {
			 text: 'Tỷ lệ người tiêu tiền/ người nạp tiền'
		  },
		  tooltip: {
			 formatter: function() {
				return '<b>'+ this.point.name +'</b>:  '+ addCommasNumber(this.point.vote)+' người, - Chiếm '+ this.y +' %';
			 }
		  },
		  plotOptions: {
			 pie: {
				allowPointSelect: true,
				cursor: 'pointer',
				dataLabels: {
				   enabled: true,
				   color: Highcharts.theme.textColor || '#000000',
				   connectorColor: Highcharts.theme.textColor || '#000000',
				   formatter: function() {
					  return '<b>'+ this.point.name +'</b>:  '+ addCommasNumber(this.point.vote)+' người, - Chiếm '+ this.y +' %';
				   }
				},
				showInLegend: true
			 }
		  },
		   series: [{
			 type: 'pie',
			 name: '',
			 data: [
			 		<?php echo $spent_monney;?>
			 ]
		  }],
		  exporting: {
			enabled: false
		  }
	   });
	   <?php }else{?>
	   		$('#Spent_Money').html('Chưa có dữ liệu trả về');
	   <?php }?>
	   
	  $('.sumaryItem').find('span').each(function(){
	  	$(this).html(addCommasNumber($(this).html()));
	  });
	  $('.price').each(function(){
	  	$(this).html(addCommasNumber($(this).html()));
	  });
	});
</script>

